//设置header点击刷新页面事件
var img=$('header>a>img')
img.click(function(){
    location.reload()
})
//设置超值折扣的更多图片刷新页面事件
var more=$('#discount>a>img')
more.click(function(){
    location.reload()
}
)
//给nav12个图标设置格式
var nav=document.querySelector('nav')
var xhr=new XMLHttpRequest()
xhr.open('get','http://chst.vip:1234/api/getindexmenu')
xhr.send()
xhr.onreadystatechange=function(){
    if(xhr.status===200&&xhr.readyState===4){
        var x=JSON.parse(xhr.responseText).result
        // console.log(x)
        var img12=[src="./assets/images/ic_search.png",src="./assets/images/ic_cu.png",src="./assets/images/ic_coudanpin.png",src="./assets/images/ic_bcj.png",src="./assets/images/haitao.png",src="./assets/images/ic_temai.png",src="./assets/images/ic_trend.png",src="./assets/images/gengduo.png",src="./assets/images/ic_coudanpin.png",src="./assets/images/ic_kb.png",src="./assets/images/ic_mall.png",src="./assets/images/ic_pp.png"]
        var y=x.map((item,index)=>{return{img:img12[index],name:item.name}})
        // console.log(y)
        var html=""
        y.forEach(item => {
            html+=`<div><img src="${item.img}"><b>${item.name}</b></div>`
           
        });
        nav.innerHTML=html
        //给所有的div加格式
       var navdv=document.querySelectorAll('nav>div')
    //    console.log(navdv)
       navdv.forEach((item)=>{
           item.style.width='2.5rem'
           item.style.height='2.757rem'
           item.style.position="relative"
       })
       //给第一个按钮增加跳转页面功能
        navdv[0].onclick=function(){
            window.location.href="./pages/1.html"
        }
         //给第二个按钮增加跳转页面功能
        navdv[1].onclick=function(){
            window.location.href="./pages/2.html"
        }
         //给第三个按钮增加跳转页面功能
         navdv[2].onclick=function(){
            window.location.href="./pages/3.html"
        }
        //给第四个按钮增加跳转页面功能
        navdv[3].onclick=function(){
            window.location.href="./pages/4.html"
        }
        //给第五个按钮增加跳转页面功能
        navdv[4].onclick=function(){
            window.location.href="./pages/2.html"
        }
         //给第六个按钮增加跳转页面功能
         navdv[5].onclick=function(){
            window.location.href="./pages/6.html"
        }
         //给第七个按钮增加跳转页面功能
         navdv[6].onclick=function(){
            window.location.href="./pages/1.html"
        }
         //给第八个按钮（更多）增加功能
      var x=0
      $('nav>div:eq(7)').click(function(){
          if(x%2===0){
            $('nav').animate({height:8.272+'rem'},1000) 
            return x++
          }
          if(x%2!==0){
            $('nav').animate({height:5.51+'rem'},1000) 
            return x++ 
          }
         
      })
      //给第九个按钮增加跳转页面功能
      navdv[8].onclick=function(){
        window.location.href="./pages/9.html"
    }
     //给第十个按钮增加跳转页面功能
     navdv[9].onclick=function(){
        window.location.href="./pages/1.html"
    }
     //给第十一个按钮增加跳转页面功能
     navdv[10].onclick=function(){
        window.location.href="./pages/11.html"
    }
     //给第十二个按钮增加跳转页面功能
     navdv[11].onclick=function(){
        window.location.href="./pages/12.html"
    }
      
       //给所有的img加格式
        var navimg=document.querySelectorAll('nav>div>img')
         console.log(navimg)
        navimg.forEach((item)=>{
            item.style.width="1.33rem"
            item.style.position="absolute"
            item.style.left="0.53rem"
            item.style.top="0.267rem"
        })
        //给所有的b加格式
        var navb=document.querySelectorAll('nav>div>b')
        navb.forEach((item)=>{
            item.style.position="absolute"
            item.style.width="100%"
            item.style.left="0rem"
            item.style.top="1.73rem"
            item.style.textAlign="center"
        })
    }
}
//给#product的商品展示设置格式
var pro=document.querySelector('#product')
var xhr2=new XMLHttpRequest()
xhr2.open('get','http://chst.vip:1234/api/getmoneyctrl')
xhr2.send()
xhr2.onreadystatechange=function(){
    if(xhr2.status===200&&xhr2.readyState===4){
        var x2=JSON.parse(xhr2.responseText).result
         console.log(x2)
        var html2=""
        x2.forEach((item)=>{
            //在a 的productid值  保存到value中
         html2+=`<a value=${item.productId}>${item.productImgSm}<b>${item.productName}<span>${item.productPinkage}</span></b><h1>${item.productFrom}|${item.productTime}</h1><h2>${item.productComCount}</h2></a>`
        })
        pro.innerHTML=html2
        //给所有的#product的子元素a 设置属性
        var proa=document.querySelectorAll('#product>a')
         console.log(proa)
        proa.forEach((item)=>{
            item.style.height='3.467rem'
            item.style.display='block'
            item.style.position='relative'
            //给proa设置点击跳转事件
            item.onclick=function(){
                let productid = this.getAttribute("value")
                console.log(productid)
               location.href=`./pages/index跳转页.html?productid=${productid}`
            }
        })
        //
        
        //给所有的#product的immg设置属性
        var proimg=document.querySelectorAll('#product>a>img')
        // console.log(proimg)
        proimg.forEach((item)=>{
            item.style.width="2.667rem"
            item.style.height="2.667rem"
            item.style.margin='.3rem'
        })
        //给所有的#product的b设置属性
        var prob=document.querySelectorAll('#product>a>b')
        // console.log(prob)
        prob.forEach((item)=>{
            item.style.display="block"
            item.style.width="6.5rem"
            item.style.height="1.5rem"
            item.style.fontSize='0.4rem'
            item.style.position="absolute"
            item.style.left="3rem"
            item.style.top=".4rem"
            
            
        })
        //给所有的#product的span设置属性
        var prospan=document.querySelectorAll('#product>a>b>span')
        prospan.forEach((item)=>{
            item.style.color="red"
        //     item.style.position='absolute'
        //     item.style.left="3rem"
        //     item.style.top="1rem"
        //     item.style.fontSize='0.4rem'
        })
        //给#product的h1设置属性
        var proh1=document.querySelectorAll('#product>a>h1')
        proh1.forEach((item)=>{
            item.style.position='absolute'
            item.style.left="3rem"
            item.style.top="2.1rem"
            item.style.fontSize='0.36rem'
            item.style.fontWeight="normal"
        })
        //给#product的h2设置属性
        var proh2=document.querySelectorAll('#product>a>h2')
        proh2.forEach((item)=>{
            item.style.position='absolute'
            item.style.left="7.8rem"
            item.style.top="2.1rem"
            item.style.fontWeight="normal"
            item.style.fontSize='0.36rem'
        })
    }
}
var zuce=document.querySelector('footer>ul>li:nth-of-type(2)')
console.log(zuce)
zuce.onclick=function(){
    console.log(1)
    location.href="./pages/注册.html"
}